var index=0;//定义一个变量存放图片下标
//var flag="left";//判断图片轮播方向
var timer=setInterval(run,2000);
function run(){
	var le=index*-1349;//box的marginleft值
	$("#box").animate({
		marginLeft:le
	},1000);
//将container的div和li关联起来,哪个图片对应哪个nav的li“$("#nav li").eq(index)代表对应图片的下标”
  $("#nav li").eq(index).css("color","#A4241F").siblings().css("color","royalblue");
 if(index<=3){
				index++;
			}else{
				index=0;
			}
}
//给nav追加li标签
var lis=$("#box li").length;
for(var i=0;i<lis;i++){
	var li=$("<li>●</li>");
	li.appendTo("#nav")
	$("#nav li:eq(0)").css("color","#A4241F")//给第一个li标签的字体颜色设置为红色
}
//给nav设置合成事件
$("#nav").hover(function(){
			clearInterval(timer);//鼠标进来清除定时器
 },function(){
 	timer=setInterval(slider,2000);//鼠标离开启动定时器
 })
$("#nav li").click(function(){
	index=$(this).index()//返回点击的li的下标
	var le=index*-1349;//box的marginleft值
	$("#box").animate({
				marginLeft:le
			},1000);
$("#nav li").eq(index).css("color","#A4241F").siblings().css("color","royalblue");
})
